<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui">
<h:outputStylesheet name="css/test.css" />
<f:view>
	<ui:composition template="layout/layout.xhtml">
		<ui:define name="body">
			<h:form rendered="#{loginBean.usuarioLogueado}">
				<p:panelGrid style="width:100%">
					<f:facet name="header">
						<p:row>
							<p:column>
								<p:outputLabel value="#{etBean.selectedTarea.prioridad.nombre}" />
							</p:column>
							<p:column colspan="3">
								<p:outputLabel value="#{etBean.selectedTarea.titulo}" />
							</p:column>

						</p:row>
					</f:facet>

					<p:row>
						<p:column rowspan="3" style="width:15%">
							<p:outputLabel value="#{etBean.selectedTarea.usuarioCreador.nombres}" />
							<br />
							<p:outputLabel value="#{etBean.selectedTarea.usuarioCreador.apellidos}" />
						</p:column>
						<p:column rowspan="3">
							<p:outputLabel value="#{etBean.selectedTarea.descripcion}" />
						</p:column>
						<p:column style="width:15%">
							<p:outputLabel value="#{etBean.selectedTarea.nombreUltimoEstado}" id="actualizable" />
						</p:column>
					</p:row>
					<p:row>
						<p:column style="width:15%">
							<p:outputLabel value="#{etBean.strfv}" />
						</p:column>
					</p:row>
					<p:row>
						<p:column style="width:15%">
							<p:outputLabel value="#{etBean.selectedTarea.areaTrabajo.nombre}" />
						</p:column>
					</p:row>
				</p:panelGrid>

				<p:panelGrid style="width:100%">
					<p:row>
						<p:column>
							<ui:repeat var="Nota" value="#{etBean.selectedTarea.lstNotas}">
								<p:panel styleClass="notarow">
									<p:panelGrid styleClass="notaclass">
										<p:row>
											<p:column style="width:80px;">
												<h:graphicImage id="image" alt="jsf-sun" url="#{Nota.autor.image}" />
												<br />
												<b><h:outputText value="#{Nota.autor.nombres}" /><br /> <h:outputText value="#{Nota.autor.apellidos}" /></b>
											</p:column>
											<p:column style="vertical-align:top">
												<h:outputText value="#{Nota.descripcion}" />
											</p:column>
										</p:row>
									</p:panelGrid>
								</p:panel>
							</ui:repeat>

							<p:panel header="Agregar Nota" toggleable="true" toggleOrientation="horizontal" rendered="#{etBean.ingresarNota}">

								<h:panelGrid columns="4" cellpadding="5">
									<p:inputText id="textoNota" value="#{etBean.textoNota}" />
									<h:commandButton value="Enviar" action="#{etBean.guardarTextoNota}" />
								</h:panelGrid>
							</p:panel>

						</p:column>


						<p:column style="width:35%; vertical-align:top;">
							<p:panelGrid columns="1">

								<p:commandButton value="Asignar" rendered="#{etBean.estadoAsignada}" />

								<p:commandButton value="Iniciar" rendered="#{etBean.estadoIniciada}" immediate="true" ajax="true" action="#{etBean.iniciarTarea}" oncomplete="#{areaBean.update()}" update="@all" />


								<p:commandButton value="Tomar" rendered="#{etBean.estadoTomada}" immediate="true" ajax="false" />

								<p:commandButton value="Rechazar" rendered="#{etBean.estadoRechazada}" onclick="dlg4.show();" />

								<p:commandButton value="Cancelar" rendered="#{etBean.estadoCancelada}" action="#{etBean.cancelarTarea}" immediate="true" ajax="false" update="@all" />

								<p:commandButton value="Reasignar" rendered="#{etBean.estadoReasignada}" onclick="dlgReasignar.show();" />

								<p:commandButton value="Suspender" rendered="#{etBean.estadoSuspendida}" action="#{etBean.suspenderTarea}" immediate="true" ajax="false" update="@all" />

								<p:commandButton value="Finalizar" rendered="#{etBean.estadoFinalizada}" immediate="true" ajax="true" onclick="dlgFinalizar.show();" />

								<p:commandButton value="Crear Tarea" rendered="#{etBean.tareaHija}" action="#{tareaBean.cargarPagina}">
									<f:setPropertyActionListener target="#{etBean.tareaPadre}" value="#{etBean.selectedTarea}" />
									<f:setPropertyActionListener target="#{tareaBean.crearSubTarea}" value="#{true}" />
								</p:commandButton>

								<p:commandButton value="Modificar Tarea" rendered="#{etBean.modificarTarea}" action="#{tareaBean.cargarPagina}">
									<f:setPropertyActionListener target="#{etBean.tareaPadre}" value="#{etBean.selectedTarea}" />
									<f:setPropertyActionListener target="#{tareaBean.modificarTarea}" value="#{true}" />
								</p:commandButton>
								<p:outputLabel rendered="#{etBean.duracion}" value="Duración: #{etBean.selectedTarea.duracionRealizada} Hs."  />

							</p:panelGrid>
						</p:column>
					</p:row>
				</p:panelGrid>
			</h:form>

			<p:dialog header="Rechazar Tarea" life="3000" widgetVar="dlg4" appendToBody="true" modal="true" showEffect="explode" hideEffect="bounce" height="100">
				<h:form>
					<p:outputLabel>Ingrese un comentario sobre el rechazo de la tarea.</p:outputLabel>
					<p:inputText id="textoNota" value="#{etBean.textoNota}" />
					<h:commandButton value="Enviar" action="#{etBean.rechazarTarea}" update="@all" />
				</h:form>
			</p:dialog>
			<p:dialog header="Finalizar Tarea" life="3000" widgetVar="dlgFinalizar" appendToBody="true" modal="true" showEffect="explode" hideEffect="bounce" height="100">
				<h:form>
					<h:outputLabel for="spinnerBasic" value="Duración en Hs.: " />
					<p:spinner id="spinnerBasic" value="#{etBean.duracionTarea}" />
					<h:commandButton value="Enviar" action="#{etBean.finalizarTarea}" update="@all" />
				</h:form>
			</p:dialog>
			<p:dialog header="Reasignar Usuarios" life="3000" widgetVar="dlgReasignar" appendToBody="true" modal="true" showEffect="explode">
				<p:outputLabel>En construcción</p:outputLabel>
			</p:dialog>
		</ui:define>
	</ui:composition>
</f:view>
</html>
